/*
 * @Author: funlee
 * @Email: i@funlee.cn
 * @Date: 2019-07-03 16:53:34
 * @Description: 首页-应用工具-APP评论新消息检索-详情-关联对象
 */
@import "@/assets/style/global.scss";

.APPIR-relation-obj {
    display: flex;
    width: 100%;
    margin-top: 6px;

    .c-left {
        flex: 1;

        .menus {
            width: 400px;
            display: flex;
            justify-content: space-between;
            $height: 40px;
            $borderWidth: 2px;
            height: $height;
            margin-top: 10px;
            border-bottom: 1px solid $gray;

            li {
                flex: 1;
                color: $gray;
                display: block;
                text-align: center;
                height: $height;
                line-height: calc(#{$height} - #{$borderWidth});
                cursor: pointer;

                &.active {
                    color: $grayLight;
                    border-bottom: $borderWidth solid $blue;
                }
            }
        }
    }

    .c-right {
        width: 480px;
        background: #2c303d;
        padding: 20px;
        min-height: calc(100vh - 216px);

        &-top {
            display: flex;
            justify-content: space-between;
            line-height: 1;
            margin-bottom: 20px;

            .tip {
                color: $grayLight;
            }

            .add-btn {
                cursor: pointer;
                color: $blue;
            }
        }
    }

}
